<template>
	<view class="container999" @touchstart="refreshStart" @touchmove="refreshMove" @touchend="refreshEnd">
		
		<!-- #ifdef APP-PLUS -->
			<mix-advert
				ref="mixAdvert" 
				:timedown="9999999999" 
				imageUrl="/static/splash/splash.9.png"
			></mix-advert>
		<!-- #endif -->
		
		
		<refresh ref="refresh" @isRefresh='isRefresh'></refresh>
				
		<view class='nav'>
			<!-- #ifdef H5 -->
				<view style="height: 44px;width: 100%;"></view>
			<!-- #endif -->
			<!-- 导航栏 agents导航栏标题 -->
			<navTab ref="navTab" :tabTitle="typeList" @changeTab='changeTab'></navTab>
		</view>
		<!-- swiper切换 swiper-item表示一页 scroll-view表示滚动视窗  -->
		<swiper class="all_content_wrap" :current="currentTab" @change="swiperTab">
			<swiper-item v-for="(listItem,listIndex) in typeList" :key="listIndex">
				<scroll-view style="height: 100%;" scroll-y="true" @scrolltolower="lower1">
					
					<view style="height: 100upx;width: 100%;"></view>
					
					<div class="swiper_wrap" v-if="listIndex == 0 && !isShowError">
						<swiper :indicator-dots="false" :autoplay="true" @change="slideChange"
								:interval="3000" :duration="500" class="head_img">            
								<swiper-item v-for="(item, index) in bannerInfoList" :key="index" class="head_img" @tap="goToH5(bannerInfoList[index].url)">  
									<image  :src="item.picUrl" mode="widthFix" class="head_img"  @load="imageBannerLoad(index)"></image> 
									<image  :src="item.defaultSrc" mode="widthFix" class="head_img" v-if="!item.loading"></image> 
									<view class="swiper_text gradient" v-if="item.title">{{item.title}}</view>
								</swiper-item>        
						</swiper>
						
						<view class="dots">
							<block v-for="(item, index) in bannerInfoList" :key="index">
								<view class="dot_normal" :class="{'active': (index==bannerInfoListIndex)}"></view>
							</block>
						</view>
					</div>
					
					<div class="page_content_wrap" v-if="listIndex == 0 && !isShowError">
						<div class="title_info_wrap" @click="goToH5(rebateUrl)" v-if="hideFunc && rebateBannerList">
							<span>{{rebateTitle}}</span>
							<span class="arraw_black"></span>
						</div>
						<div class="swiper_wrap_second" v-if="hideFunc && rebateBannerList">
							<swiper :indicator-dots="false" :autoplay="rebateBannerList.length > 0" 
									:interval="3000" :duration="500" class="head_img_second" @change="slideSecondChange">            
									<swiper-item v-for="(item, index) in rebateBannerList" :key="index" class="head_img_second" @tap="goToH5(rebateBannerList[index].url)">  
										<image :src="item.picUrl" mode="widthFix" class="head_img_second"  @load="imageRebateLoad(index)"></image>           
										<image :src="item.defaultSrc" mode="widthFix" class="head_img_second"  v-if="!item.loading"></image>           
									</swiper-item>        
							</swiper> 
							
							<view class="dots" v-if="rebateBannerList && rebateBannerList.length > 1">
								<block v-for="(item, index) in rebateBannerList" :key="index">
									<view class="dot_normal" :class="{'active': (index==rebateBannerListIndex)}"></view>
								</block>
							</view>
							
						</div>
						
						<div class="dai_wrap" v-if="indexPlatList && hideFunc">
							<div class="item_wrap" @click="goToH5(indexPlatList[index].url)" 
								v-for="(item, index) in indexPlatList" :key="index" :style="{'margin': (index==1?'22upx 6upx 0upx':'')}">
								<image src="../../../static/img/home_you_green.png" mode="aspectFill" v-if="index != 1"></image>
								<image src="../../../static/img/home_you_black.png" mode="aspectFill" v-else=""></image>
								<div class="dai_item" :style="{'color': (index==1?'#FFF':'#303030')}">
									<span>{{item.platName}}</span>
									<div class="percent">
										<span>{{item.profitValue}}</span>
										<span class="percent_hao">{{item.profitUnit}}</span>
									</div>
									<span class="tag" :style="{'background': (index==1?'#D0B16E':'#000')}">收益高达</span>
								</div>
								
							</div>
						</div>
						
						<div class="title_info_wrap" v-if="hideFunc && (welfareBannerList.length > 0)" @tap="goToH5(welfareUrl)" >
							<span>{{welfareTitle}}</span>
							<span class="arraw_black"></span>
						</div>
						<div class="swiper_wrap_third" v-if="hideFunc && (welfareBannerList.length > 0)">
							<swiper :indicator-dots="false" :autoplay="welfareBannerList.length > 0" @change="slideThirdChange"
									:interval="3000" :duration="500" class="head_img_third">            
									<swiper-item v-for="(item, index) in welfareBannerList" :key="index" class="head_img_third" @tap="goToH5(welfareBannerList[index].url)">  
										<image :src="item.picUrl" mode="widthFix" class="head_img_third" @load="imageWelfareLoad(index)" ></image>           
										<image :src="item.defaultSrc" mode="widthFix" class="head_img_third" v-if="!item.loading" ></image>           
									</swiper-item>        
							</swiper> 
							
							<view class="dots" v-if="welfareBannerList && welfareBannerList.length > 1">
								<block v-for="(item, index) in welfareBannerList" :key="index">
									<view class="dot_normal" :class="{'active': (index==welfareBannerListIndex)}"></view>
								</block>
							</view>
						</div>
						
						<div class="title_info_wrap">最新资讯</div>
						
					</div>
					
					<div class="zixun_list" >
						<div class="item_wrap row_between" @tap="goToH5(listItem.zixunList[index].newsUrl)"
							v-for="(item,index) in listItem.zixunList"  :key="index">
							<div class="col_between content_wrap">
								<span class="title">{{item.title}}</span>
								<div class="row_between" style="width: 100%; margin-top: 0upx; font-size: 24upx;">
									<span>{{item.publishDateStr}}</span>
									<span>{{item.viewCount}}阅读</span>
								</div>
							</div>
							<image :src="item.picUrl" mode="aspectFill" class="image" ></image>
							<image src="../../../static/img/default_icon.png" mode="aspectFill" class="default_image" ></image>
						</div>
						
						<view class="uni-tab-bar-loading" v-if="!isShowError">
							<uni-load-more :loadingType="listItem.loadingType" :contentText="loadingText"  ></uni-load-more>
						</view>
						
						<div class="col_center wrap" v-if="isShowError">
							<image src="../../../static/img/server_error.png" mode="widthFix"></image>
							<span>页面请求失败～</span>
							
							<button class="btn" @click="reloadFunc">重新加载</button>
						</div>
						
					</div>
					
					
					
					<!-- #ifdef H5 -->
						<view style="height: 100upx;width: 100%;"></view>
					<!-- #endif -->
					
				
				</scroll-view>
			</swiper-item>
		</swiper>
		
		<div class="modal-mask row_center" v-if="isShowUpdate" @touchmove.stop.prevent="moveHandle">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="col update_content_bg">
						<div class="title">发现新版本</div>
						<div class="version">{{updateVersion}}</div>
						<!-- <div class="update_msg">{{updateDesc}}</div> -->
						<rich-text class="update_msg" :nodes="updateDesc"></rich-text> 
						<div class="updateAction row" >
							<span class="no_update" v-if="!isForce" @tap="noUpdate">暂不升级</span>
							<span @tap="updateNow">立即升级</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		
	</view>
</template>

<script>
	import mixAdvert from '@/components/mix-advert/vue/mix-advert';
 import refresh from '@/components/refresh.vue';
 import navTab from '@/components/navTab.vue';
 const util = require('../../../utils/util.js');
 import uniLoadMore from '@/components/uni-load-more.vue';

 import { BASE_IMAGE_URL,homeConfig,homeData,upgrade,newsList,userCenter,userinfo,userMenu } from '@/utils/api'
	

 export default {
	components: {refresh,navTab,uniLoadMore,mixAdvert},
	data() {
		return {
			currentTab: 0, //sweiper所在页
			pages:[1,1,1,1,1,1,1,1,1], //第几页存储 
			typeList:[
				{"name": "最新","otherFunctionId": 0}
			],
			hideFunc: false,
			isShowError: false,
			bannerInfoList: [],
			bannerInfoListIndex: 0,
			rebateBannerListIndex: 0,
			welfareBannerListIndex: 0,
			indexPlatList: [],
			rebateBannerList: [],
			welfareBannerList: [],
			updateDesc: "",
			isShowUpdate: false,
			downLoadUrl: '',
			isForce: false,
			updateVersion: 'v1.0.0',
			welfareUrl: '',
			publishLong: 0,
			loadingText: {
				contentdown: "上拉显示更多",
				contentrefresh: "正在加载...",
				contentnomore: "没有更多数据了"
			},
			loadingType: 1,
			welfareTitle: '',
			rebateTitle: '',
			rebateUrl: ''
		};
	},
	async onReady(){
		// #ifdef APP-PLUS
			// this.$refs.mixAdvert.initAdvert();
			// this.homeSplash();
		// #endif
	},
	onLoad(e) {
		
		uni.showLoading({
			title:"加载中..."
		});
		setTimeout(()=>{
			uni.hideLoading();
		}, 10000);
		
		
			this.showSplash = false;
			this.homeConfig();
			this.homeData();
			this.upgrade();
		
		
		
	},
	methods: {
		async homeSplash(){
			let res = await homeConfig();
			if(res && res.code == 1){
				setTimeout(()=>{
					this.$refs.mixAdvert.closeAdvert();
				}, 3000);
				this.homeConfig();
				this.homeData();
				this.upgrade();
			}else{
				setTimeout(()=>{
					this.homeSplash();
				}, 1000);
				
			}
		},
		async newsList(tabIndex){
			let res = await newsList(this.typeList[tabIndex].otherFunctionId, this.publishLong);
			this.$refs.refresh.endAfter() //刷新结束调用
			if(res && res.code == 1){
				this.isShowError = false;
				res.data.map((item) => {
					item.loading = false;
					item.defaultSrc = '../../../static/img/default_icon.png';
				})
				if(this.publishLong==0){
					console.log(res.data.length);
					this.typeList[tabIndex].zixunList = res.data;
				}
				else{
					this.typeList[tabIndex].zixunList = this.typeList[tabIndex].zixunList.concat(res.data);
				}
				if(res.data && res.data.length < 10){
					this.typeList[tabIndex].loadingType = 2;
				}else{
					this.typeList[tabIndex].loadingType = 1;
				}
				console.log(this.typeList[tabIndex].loadingType);
				this.$forceUpdate();
			}else{
				this.typeList[tabIndex].loadingType = 0;
				uni.showToast({
				    title: '请求失败',
				    icon: 'none',
				    duration: 2000
				})
			}
			
		},
		async homeConfig(){
			this.hideFunc = true;
			uni.setStorageSync("hideFunc", 0);
			let res = await homeConfig();
			if(res && res.code == 1){
				this.typeList = res.data.labelList;
				this.typeList.map((item, index) => {
					// this.newsList(index);
					item.loadingType = 1;
				});
				this.newsList(0);
				console.log(JSON.stringify(this.typeList));
				let platform = uni.getSystemInfoSync().platform;
				let channelCode = "hanle";
				
				if(platform == "ios"){
					channelCode = "ios";
				}else if(platform == "android"){
					// #ifdef APP-PLUS
						channelCode = plus.runtime.channel?plus.runtime.channel:'hanle';
					// #endif
				}
				console.log(channelCode);
				
				// #ifdef APP-PLUS
				let that = this;
				plus.runtime.getProperty(plus.runtime.appid, function(wgtinfo){  
				    console.log(wgtinfo.version);  
					if(res.data.blackList){
						res.data.blackList.map((item) => {
							if((item.channelCode == channelCode) && (wgtinfo.version == item.appVersion)){
								that.hideFunc = false;
								console.log("9900877666");
							}
						})
					}
					uni.setStorageSync("hideFunc", that.hideFunc?0:1);
				});
				// #endif
				
				// #ifdef H5
				this.hideFunc = true;
				// #endif
				console.log(this.hideFunc);
				this.$forceUpdate();
			}else{
				this.isShowError = true;
				uni.hideLoading();
			}
		},
		async homeData(){
			if(this.bannerInfoList.length > 0){
				return;
			}
			let res = await homeData();
			if(res && res.code == 1){
				this.bannerInfoList = res.data.bannerInfoList;
				this.indexPlatList = res.data.indexPlatList;
				this.rebateBannerList = res.data.rebateBannerList;
				this.welfareBannerList = res.data.welfareBannerList;
				this.welfareUrl = res.data.welfareUrl;
				this.rebateUrl = res.data.rebateUrl;
				this.welfareTitle = res.data.welfareTitle;
				this.rebateTitle = res.data.rebateTitle;
				
				this.bannerInfoList.map((item) => {
					item.loading = false;
					item.defaultSrc = '../../../static/img/big_default.png'
				});
				
				this.rebateBannerList.map((item) => {
					item.loading = false;
					item.defaultSrc = '../../../static/img/small_default.png'
				});
				
				this.welfareBannerList.map((item) => {
					item.loading = false;
					item.defaultSrc = '../../../static/img/middle_default.png'
				});
			}
		},
		
		reloadFunc(){
			this.publishLong = 0;
			// this.newsList('', this.typeIndex);
			uni.showLoading({
				title:"加载中..."
			});
			setTimeout(()=>{
				uni.hideLoading();
			}, 10000);
			this.homeConfig();
			this.homeData();
			this.upgrade();
		},
		
		moveHandle(){},
		
		noUpdate(){
			this.isShowUpdate = false;
			uni.showTabBar();
		},
		updateNow(){
			this.isShowUpdate = false;
			uni.showTabBar();
			if(this.isDownloading){
				uni.showToast({  
					title: '正在下载',
					duration: 1500  
				}); 
			}else{
				this.downLoadApp();
			}
			
		},
		goToInfoDetail(){
			uni.navigateTo({
				url:'../../info_detail/info_detail'
			})
		},
		async upgrade(){
			let res = await upgrade();
			if(res && res.code == 1){
				this.isShowUpdate = true;
				uni.hideTabBar();
				
				
				this.updateDesc = res.data.desc;
				
				// 提示更新
				this.downLoadUrl = res.data.url;
				if(res.data.upgradeType == 1){
					// 强制更新
					this.isForce = true;
					uni.setStorageSync("force", 1)
				}else{
					this.isForce = false;
				}
				this.updateVersion = res.data.appVersion;
			}
		},
		downLoadApp(){
			// #ifdef APP-PLUS
			if (plus.os.name=="Android") { 
				
			}else{
				plus.runtime.openURL(this.downLoadUrl, function(res) {  
		            console.log(res);  
		        });
				return;
			}
			var dtask = plus.downloader.createDownload(this.downLoadUrl, { filename: "_doc/update/" }, function ( d, status ) {  
				// 下载完成  
				if ( status == 200 ) {   
					plus.runtime.install(plus.io.convertLocalFileSystemURL(d.filename),{},function(data){
						plus.runtime.restart();
					},function(error){  
						console.log(error);
						uni.showToast({  
							title: '安装失败',
							duration: 1500  
						});  
					})  
				} else {  
					 uni.showToast({  
						title: '更新失败', 
						duration: 1500  
					 });  
				}    
			}); 
			
			dtask.start();
			// var w = plus.nativeUI.showWaiting("下载升级文件...");
			this.isDownloading = true;
			dtask.addEventListener("statechanged", function(task, status) {
				switch (task.state) {
					case 1: // 开始
						// w.setTitle("　　 开始下载...　　 ");
						
						break;
					case 2: // 已连接到服务器
						// w.setTitle("　　 开始下载...　　 ");
						break;
					case 3:
						var a = task.downloadedSize / task.totalSize * 100;
						// w.setTitle("　　 已下载" + parseInt(a) + "%　　 ");
						break;
					case 4: // 下载完成
						w.close();
						break;
				}
			})
			// #endif
		},
		goToH5: function(url){
			if(this.getUrlQueryString(url, "needlogin") == 1){
				// 需要登录
				let auth_token = uni.getStorageSync("auth_token");
				if(auth_token){
					// 可以登录
					if(this.getUrlQueryString(url, "hidehead") == 1){
						// 需要隐藏头
						uni.setStorageSync("couponUrl", url);
						console.log(url);
						uni.navigateTo({
							url: '/pages/tixian_webview/tixian_webview?url='+url
						});
					}else{
						uni.navigateTo({
							url: '/pages/home_webview/home_webview?url='+url
						});
					}
				}else{
					uni.navigateTo({
						url: '/pages/get_code/get_code'
					});
				}
			}else{
				// 不需要登录
				if(this.getUrlQueryString(url, "hidehead") == 1){
					// 需要隐藏头
					uni.setStorageSync("couponUrl", url);
					console.log(url);
					uni.navigateTo({
						url: '/pages/tixian_webview/tixian_webview?url='+url
					});
				}else{
					uni.navigateTo({
						url: '/pages/home_webview/home_webview?url='+url
					});
				}
			}
			
		},
		goToWebView: function(url){
			let auth_token = uni.getStorageSync("auth_token");
			if(auth_token){
				uni.navigateTo({
					url: '/pages/tixian_webview/tixian_webview?url='+'http://www.91fld.com/coupon/#/'
				});
			}else{
				uni.navigateTo({
					url: '/pages/get_code/get_code'
				});
			}
			
		},
		goToDetail(url){
			uni.navigateTo({
				url: '/pages/login_webview/login_webview?url='+escape(url)
			});
		},
		
		changeTab(index){
			this.currentTab = index
		},
		// 点击反馈事件
		conClick(e) {
		    this.$refs.clickCircle.conClick(e);
		},
		
		// swiper 滑动
		swiperTab: function(e) {
			var index = e.detail.current //获取索引
			this.currentTab = index;
			if(this.typeList.length<=5){
				this.$refs.navTab.navClick(index)
			}else{
				this.$refs.navTab.longClick(index)
			};
			if(!this.typeList[index].zixunList || this.typeList[index].zixunList.length == 0){
				setTimeout(()=>{
					this.publishLong = 0;
					this.newsList(index);
				}, 500);
				
			}
		},
		// 加载更多 util.throttle为防抖函数
		lower1(){
			console.log("99999999999999");
			let that = this;
			
			that.typeList[that.currentTab].loadingType = 1;
			if(that.typeList[that.currentTab].zixunList && (that.typeList[that.currentTab].zixunList.length > 0)){
				that.publishLong = that.typeList[that.currentTab].zixunList[that.typeList[that.currentTab].zixunList.length - 1].publishLong;
				that.newsList(that.currentTab);
			}
			
			// util.throttle((e) => {
			// 	console.log("8888888");
			// 	that.loadingType = 1;
			// 	setTimeout(()=>{
			// 		if(that.typeList[that.currentTab].zixunList && (that.typeList[that.currentTab].zixunList.length > 0)){
			// 			that.publishLong = that.typeList[that.currentTab].zixunList[that.typeList[that.currentTab].zixunList.length - 1].publishLong;
			// 			that.newsList(that.currentTab);
			// 		}
			// 	}, 500);
			// })
			
		},
		refreshStart(e) {
			this.$refs.refresh.refreshStart(e);
		},
		refreshMove(e){
			this.$refs.refresh.refreshMove(e);
		},
		refreshEnd(e) {
			this.$refs.refresh.refreshEnd(e);
		},
		isRefresh(){
			setTimeout(() => {
				this.publishLong = 0;
				this.newsList(this.currentTab);
				
			}, 500);
		},
		swiperChange(e){
			console.log(e.target.current);
			this.currentTab = e.target.current;
			this.$forceUpdate();
			
		},
		imageBannerLoad(index){
			this.bannerInfoList[index].loading = true;
			setTimeout(()=>{
				uni.hideLoading();
			}, 500);
			
		},
		imageRebateLoad(index){
			this.rebateBannerList[index].loading = true;
		},
		imageWelfareLoad(index){
			this.welfareBannerList[index].loading = true;
		},
		imageListLoad(index){
			
		},
		imageError(index){
		},
		slideChange: function(e){
			this.bannerInfoListIndex = e.mp.detail.current;
		},
		slideSecondChange: function(e){
			this.rebateBannerListIndex = e.mp.detail.current;
		},
		slideThirdChange: function(e){
			this.welfareBannerListIndex = e.mp.detail.current;
		},
		getUrlQueryString(url, name) {
			var reg = new RegExp("[?&]" + name + "=([^&#]*)", "i");
			var res = url.match(reg);
		 
			if( res && res.length>1 ){
				return decodeURIComponent(res[1]);
			}
			return '';
		}
	}
};
</script>

<style lang="scss">
	.splash_bg{height: 100vh; width: 100vw; position: fixed;top:0upx; left:0upx; z-index: 100000;}
	.container999 {width: 100vw;font-size: 28upx;min-height: 100vh;overflow: hidden;color: #6B8082;position: relative;background-color: #ffffff;}
	.content {width: 100%;}
	.card {width: 90%;height: 368upx;background-color: white;margin: 0 auto 42upx auto;background: #FFFFFF;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);border-radius: 5px;position: relative;}
	.noCard {width: 90%;height: 200upx;margin: auto;background-color: white;display: flex;align-items: center;justify-content: center;color: #999999;box-shadow: 0 0 10upx 0 rgba(0, 0, 0, 0.10);border-radius: 10upx;}
	.nav {position: fixed;left: 0;top: 0;color: white;width: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;font-size: 24upx;background-color: #FFFFFF;z-index: 996;}
	
	.all_content_wrap{min-height: 100vh;}
	
	.swiper_wrap{position: relative; height: 302upx;margin: 0upx 30upx 80upx;z-index: 2;box-sizing: border-box;border-radius: 20upx;}
	.head_img{width: 100%;height: 302upx!important;border-radius: 8upx;}
	.swiper_wrap .swiper_text{color: #FFFFFF; font-size: 30upx; height: 100upx; position: absolute;bottom: 0upx; width: 100%;line-height: 120upx;padding-left: 20upx;}
	.gradient{background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);}
	
	
	.swiper_wrap .dots{display: flex;flex-direction: row;justify-content: center;align-items: center;position: absolute;bottom: -28upx;height: 20upx;width: 100%;z-index: 10;}
	.swiper_wrap .dot_normal{width: 4upx;height: 4upx;border: 4upx solid #EEEEEE; transform: rotate(45deg);
		background-color: #EEEEEE;margin: 0upx 12upx;position: relative;z-index: 10;}
	.swiper_wrap .dots .active{border: 4upx solid #FFCA0A; background-color: #FFCA0A; width: 8upx; height: 8upx;}
	
	.page_content_wrap{width: 100%; padding:0upx 30upx; box-sizing:border-box;background: #fff;}
	.title_info_wrap{display: flex;flex-direction: row; justify-content: space-between; margin-bottom: 30upx;
		color: #010101; font-size: 36upx; align-items: center; font-weight: bold; padding-right: 10upx;}
	
	.swiper_wrap_second{position: relative;width: 100%; height: 126upx;margin: 10upx auto 0;z-index: 2;box-sizing: border-box;border-radius: 20upx;}
	.swiper_wrap_second .dots{display: flex;flex-direction: row;justify-content: center;align-items: center;position: absolute;bottom: 13upx;height: 20upx;width: 100%;z-index: 10;}
	.head_img_second{width: 100%;height: 127upx!important; border-radius: 8upx;}
	
	.swiper_wrap_third{position: relative;width: 100%; height: 160upx;margin: 20upx auto 70upx;z-index: 2;box-sizing: border-box;border-radius: 20upx;}
	.swiper_wrap_third .dots{display: flex;flex-direction: row;justify-content: center;align-items: center;position: absolute;bottom: 10upx;height: 20upx;width: 100%;z-index: 10;}
	.head_img_third{width: 100%;height: 160upx!important; border-radius: 8upx;}
	
	.dai_wrap{display: flex;flex-direction: row; margin-bottom: 70upx; justify-content: space-between;}
	.dai_wrap .item_wrap{flex: 1; position: relative; z-index: 1; margin: 22upx 0upx 0upx;}
	.dai_wrap .item_wrap image{width: 100%; height: 100%; position: absolute; z-index: 0; border-radius: 10upx;}
	.dai_wrap .dai_item{position: relative;z-index: 2; display: flex;flex-direction: column; height: 150upx; line-height: 1.0; padding-left: 30upx;
	justify-content: center;border-radius: 10upx; color: #303030; font-size: 26upx;}
	.dai_wrap .dai_item .percent{color: #FFFFFF; font-size: 46upx; line-height: 1.0; margin: 12upx 0upx 12upx;}
	.dai_wrap .dai_item .percent_hao{color: #FFFFFF; font-size: 32upx;}
	.dai_wrap .dai_item .tag{color: #FFFFFF; font-size: 18upx; font-family: 'DIN1451MittelschriftAlt';
		background: #000000; height: 28upx; width: 88upx; text-align: center; line-height: 28upx;  border-radius: 0upx;}
	
	.zixun_list{margin-bottom: 0upx; background: #FFFFFF; padding: 0upx 30upx;}
	.zixun_list .item_wrap{height: 180upx; width: 100%; box-sizing: border-box;}
	.zixun_list .item_wrap .content_wrap{height: 140upx; flex: 1; color: #999999; font-size: 16upx; line-height: 1.0;}
	.zixun_list .item_wrap .content_wrap .title{color:#303030; font-size: 32upx; font-weight: bold; line-height: 1.3;overflow: hidden;
	            text-overflow: ellipsis;
	            display: -webkit-box;
	            -webkit-line-clamp:2;
	            -webkit-box-orient: vertical;}
	.zixun_list .item_wrap .image{height: 130upx; width: 180upx; position: relative;z-index: 2;
		margin-left: 27upx; min-height: 130upx; min-width: 180upx;}
	.zixun_list .item_wrap .default_image{height: 130upx; width: 180upx; position: absolute; right: 0upx;
		margin-left: 27upx; min-height: 130upx; min-width: 180upx; position: absolute;right: 30upx;}
	
	
	.wrap{margin-top: 100upx; color: #666666; font-size: 28upx; }
	.wrap image{width: 360upx;}
	
	.btn{height: 94upx; line-height: 94upx; width: 236upx; background: #FFCA0A; border-radius: 12upx;
	text-align: center; color: #303030; font-size: 36upx; margin-top: 70upx;font-weight: bold;}
	
	.update_content_bg .title {color: #261900; font-size: 32upx;text-align: center;margin-top: 48upx;}
	.update_content_bg .version {color: #999999; font-size: 24upx;text-align: center;margin-top: 6upx;}
	.update_content_bg .update_msg{padding: 45upx 40upx 50upx; color: #303030; font-size: 28upx; text-align: left;}
	.update_content_bg .updateAction{border-top: 1px solid #CCCCCC; color: #303030; font-size: 30upx; height: 88upx; width: 100%;}
	.update_content_bg span{flex:1; height: 88upx; line-height: 88upx;}
	.update_content_bg .no_update{border-right: 1px solid #CCCCCC; color: #999999;}
	
	
</style>
